<template>
  <view class="content">
    <uni-grid :column="2" :highlight="true" :showBorder="false" @change="change">
		<uni-grid-item v-for="(item, index) in list" :index="index" :key="index">
			<view class="h-full flex flex-col items-center justify-center">
				<uni-icons :type="item.iconUrl" size="75"></uni-icons>
				<text class="text">{{ item.text }}</text>
			</view>
		</uni-grid-item>
	</uni-grid>
  </view>
</template>

<script setup>
const list = ref([{
	url: '/pages/sign/sign',
	iconUrl: 'folder-add-filled',
	text: '入库上架'
},{
	url: '/pages/pickingDesign/pickingDesign',
	iconUrl: 'search',
	text: '指定单拣货'
},{
	url: '/pages/inspectOrder/inspectOrder',
	iconUrl: 'gift-filled',
	text: '核单打包'
},{
	url: '/pages/offShelf/offShelf',
	iconUrl: 'download-filled',
	text: '拣货下架'
},{
	url: '/pages/PackagingTruck/PackagingTruck',
	iconUrl: 'cart-filled',
	text: '打包装车'
}])

const change = (e) => {
	let { index } = e.detail
	uni.navigateTo({
		url: list.value[index].url
	})
}

</script>

<style>

</style>
